.mynavbar {
    height: 70px;
    background-color: transparent;
    border-color: transparent;
    .navbar-brand {
        // 调整logo位置
        img {
            margin-top: -6px;
        }
    }
    .navbar-collapse {
        border: none;
        box-shadow: none;
    }
}
// 设置导航栏文字样式
.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    color: #fff;
    margin-top: 16px;
}
// 设置导航文字hover效果
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
    color: #f2b535;
}

// 在中屏992px以下屏幕导航条都需要背景色
@media (max-width:992px) {
    .mynavbar {
        background-color: #26282c;
    }
    .navbar-collapse {
        background-color: #26282c;
    }
}

// 轮播图，图片部分
.mycarousel {
    .item {
        img {
            width: 100%;
            height: 400px;
            // 保持图片原本比例不变，高度铺满容器，宽度等比例缩放，宽度多余的就会被自动剪裁；
            object-fit: cover;
        }
    }
}

// 当屏幕的尺寸在768px以下的时候，让轮播图的图片高度变为250px
@media (max-width: 768px) {
    body {
        // 预留导航条的位置，防止导航条遮住轮播图图片
        padding-top: 70px;
    }
    .mycarousel {
        .item {
            img {
                height: 250px;
            }
        }
    }

}

// 项目列表部分
.splb{
    div {
        padding: 0 15px;
        margin-bottom: 10px;
        img {
            width: 100%;
            border-radius: 10px;
        }
    }
}